<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0px; padding: 0px }
      #map_canvas { height: 100% }

      table.Chest { font-family: verdana; font-size: 10pt; border: 1px solid #99AAFF }
      table.Chest th { text-align: left; background: #CFE6FF; padding: 2px }
      table.Chest th.Item { width: 200px; }
      table.Chest th.Count { width: 50px; text-align: right }
      table.Chest td { padding: 2px }
      table.Chest td.Item { background: #DFDFDF }
      table.Chest td.Count { background: #DFDFDF; text-align: right }
    </style>

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>

    <script type="text/javascript">
      ///////////////////////////////////////////////////////////////////
      ///
      /// The base path of the map tiles.
      ///
      /// You need to update this value in order for this web page to
      /// work!
      ///
      ///////////////////////////////////////////////////////////////////
      var basePath = "$(BasePath)";

      var mapBlockWidth = $(MapWidth);
      var mapBlockHeight = $(MapHeight);
    </script>

    <script type="text/javascript" src="$(BasePath)Terraria.js"></script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>
